*{
  margin:0;
  padding:0;
}
html, body, #app{
  min-height: 100%;
  font-size:16px;
}
.h-v-center{
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex{
  display: flex;
}
.align-c{
  align-items: center;
}
.j-c{
  justify-content: center;
}
.flex-v{
  flex-direction: column;
}
.home{
  height: 100%;
  &-con{
    height: 100%;
    position: relative;
    background: #000;
  }
  &-txt{
    position: absolute;
    top:20%;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 2;
    color:#fff;
    font-size:2rem;
    text-align: center;
    p{
      font-size:1rem;
      margin-top:1rem;
      padding:0 5%;
    }
  }
  
}
.slide-bg{
  width:100%;
  height: 100%;
  object-fit: cover;
  opacity: .8;
}
.swiper{
  position: relative;
  height: 100vh;
}
